<template>
	<my-template>
		<view slot="header">
			<image src="../../static/png1.jpg"
			class="image1"></image>
		</view>
		<view slot="title">
			<view class="view2">
				<h1 class="h11">Home Page
				</h1>
				<hr class="hr1">
			</view>
	
		</view>
		<view slot="content">
			<p class="p1">
				Hello,My name is Fbz123<br>
				Now I need a job<br>
				This page is constructed by the "uniapp" framework
				<br>Through the '4-about' button, you can get something about me
			</p>
		</view>
	</my-template>
</template>

<script>
	export default {
		data() {
			return{
				
			}
		},
		onLoad() {
			
		},
		methods: {
			
		},
		components:{
			myTemplate
		}
	}
	import myTemplate from '../../components/my-template.vue'
</script>
<style>
	.p1{
		font-size: 16px;
		line-height:170%;text-align: left;margin: 30px 20px 20px 60px;
	}
	.view1{
		min-height: 300px;
	}


	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	
</style>
